<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <!-- 理想视口 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <link rel="stylesheet" href="https://unpkg.com/buijs/lib/latest/bui.css" />
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /><!-- 基础样式，包含  头部  搜索框  底部 -->
    <link rel="stylesheet" href="../css/base-category.css" />
    <link rel="stylesheet" href="../css/category.css" />
    <title>九组项目-慢慢buy</title>
</head>

<body>
    <!-- header 头部 -->
    <header>
        <h1>
            <a href="../index.html">
                <img src="../images/header_logo.png" alt="" />
            </a>
        </h1>
        <a href="javascript:;">
            <img src="../images/header_app.png" alt="" />
        </a>
    </header>
    <!-- header 头部 -->
    <!-- search 搜索框 -->
    <div id="mmm_search" data-role="main" class="ui-content">
        <form method="post" action="">
            <div class="ui-field-contain">
                <input class="search_inp" type="search" name="search" id="search" placeholder="请输入你想比价的商品">
            </div>
            <input class="search_submit" type="submit" data-inline="true" value="搜索 ">
        </form>
    </div>
    <!-- search 搜索框 -->

    <!-- 商品详情展示 -->
    <div id="wareComtentsList_filter">
        <div class="wareComtentsList_filter_title">
            <ul>
                <li><a href="javascript:;">综合</a></li>
                <li><a href="javascript:;">销量</a></li>
                <li><a href="javascript:;">价格</a></li>
                <li><a href="javascript:;">筛选</a></li>
            </ul>
        </div>

        <ul id="wareComtentsListDes" class="bui-list bui-list-thumbnail">
            <!-- <div class="detail-head">
                <div class="pic">
                    <img src="http://pro-img.zuyushop.com/ProPic/20178/Thumb/Thumb_201708000830224771.jpg" alt="">
                </div>
                <p class="tit">小米(MI) 小米电视4A L32M5-AZ 32英寸 全高清 智能语音网络液晶电视</p>
                <ul class="ifo">
                    <li class="lowPrice">当前最低: ¥798.00</li>
                    <li class="comment">优选评论: 9991条</li>
                </ul>
            </div>
            <div class="detail-tab">
                <ul>
                    <li>比价</li>
                    <li>产品参数</li>
                    <li>优选评论</li>
                </ul>
            </div>
            <table width="100%">
                <tbody>
                    <tr>                        
                        <td rowspan="2" class="p_pic" valign="top">
                            <a href="redirect.aspx?webid=1&amp;bjid=76069915&amp;tourl=http://item.jd.com/1162187.html&amp;y=bijia" target="_blank"
                                onclick="trackLog('商品购买','比价页面');">
                                <img src="http://sf.manmanbuy.com/images/sitelogo/1.png" />
                            </a>
                        </td>
                        <td>
                            <a href="redirect.aspx?webid=1&amp;bjid=76069915&amp;tourl=http://item.jd.com/1162187.html&amp;y=bijia" target="_blank"
                                onclick="trackLog('商品购买','比价页面');">京东商城</a>
                        </td>
                        <td class="red"> 
                            ￥1999.00 
                        </td>
                        <td align="center" width="60"> 
                            <span style="display: inline-block;width: 56px;height: 24px;border-radius: 6px;text-align: center;line-height: 24px;background-color: #ff5500;color: #fff;font-size: 14px;">
                                去购买
                            </span>
                        </td>
                    </tr>
                </tbody>
            </table> -->
        </ul>
    </div>
    <!-- 商品详情展示 -->

    <!-- footer 底部 -->
    <footer>
        <div class="footer_nav">
            <a href="javascript:;">登录</a>
            <a href="javascript:;">注册</a>
            <a href="javascript:;">返回顶部</a>
        </div>
        <div class="footer_app">
            <a href="javascript:;">手机app下载</a>
            <a href="javascript:;">慢慢买手机版</a>
            <span class="tips"> -- 掌上比价平台</span>
        </div>
        <div class="footer_com">
            m.manmanbuy.com
        </div>
    </footer>
</body>

</html>

<!-- 分类-大分类的渲染模板 -->
<!-- {{@ $value.title }} -->
<script  type="text/template" id="wareComtentsListDesTmp">
     {{ each result }}
        <div class="detail-head">
            <div class="pic">
                {{@ $value.productImg }}
            </div>
            <p class="tit">{{@ $value.productName }}</p>
            <ul class="ifo">
                <li class="lowPrice">当前最低: ¥798.00</li>
                <li class="comment">优选评论: 9991条</li>
            </ul>
        </div>
        <div class="detail-tab">
            <ul>
                <li>比价</li>
                <li>产品参数</li>
                <li>优选评论</li>
            </ul>
        </div>
        {{@ $value.bjShop }}
    {{ /each }}  
</script>


<script src="https://unpkg.com/buijs/lib/zepto.js"></script>
<script src="../lib/zepto/src/selector.js"></script>

<script src="https://cdn.bootcss.com/fastclick/1.0.6/fastclick.min.js"></script><!-- fastclick插件  -->
<script src="https://cdn.bootcss.com/iScroll/5.2.0/iscroll-infinite.js"></script><!-- iscroll插件  -->
<script src="https://unpkg.com/buijs/lib/latest/bui.js"></script>
<script src="../lib/art-template/template-web.js"></script><!-- art-template模板 -->

<script src="../js/categoryListDes.js"></script><!-- 页面对应的js -->